const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  publicPath:'./',
  transpileDependencies: true,
  devServer: {
    proxy: {
      // 配置代理
      "/api": {
        target: "http://localhost:3000", // 设置你想要代理的目标主机
        changeOrigin: true, // 开启跨域
        pathRewrite: {
          "^/api": "", // 将请求地址中的 /api 前缀替换为空
        },
      },
    },
  },
  chainWebpack: (config) => {
    config.module
      .rule("css")
      .test(/\.css$/)
      .oneOf("vue")
      .resourceQuery(/\?vue/)
      .use("px2rem")
      .loader("px2rem-loader")
      .options({
        remUnit: 192, //代表的是 1rem = ？px  这里假设设计稿是 1920px ，那么这里的比例就是 1/10
      })
      .end();
  },
});
